Chrome Console

大象笔记 > 标签 > Chrome Console

chrome

必备插件 Pocket (离线保存网页) Tampermonkey (油猴子脚本管理工具) SwitchySharp (代理切换工具) Switcheroo Redirector (将指定域名的请求都转向其他域名,例如 google fonts -> 360 fonts) ~~WhatFont (字体产看工具, 有 bug,中文字体会提示错误)~~ chrome 商店在国内被墙,可以使用国内的镜像网站 插件汇 Chrome 插件开发 Chrome 扩展及应用开发 ERR_UNSAFE_PORT 问题 当使用 chrome 访问 6666 端口时,会报错误 Error 312 ...

阅读全文...

Chrome Snippets

Chrome - Developer Tools - Sources - Snippets 右击 “New” 就能创建自己的 Snippets. snippets 的实用之处 可以将常用的功能,做成 snippets,便于调试时使用。例如自动引入 jQuery, 打印调试信息。 再如,我想爬取当前页面中所有图片的链接地址,收集页面中出现的邮箱地址,等等。 只需要在对应的 snippet 上右键,选择“RUN”即可。 打开新的 tab,或者重启 Chrome,snippets 都不会丢失。唯一比较麻烦的是多机器同步。 一些实用的 snippets A collection of helpful ...

阅读全文...

DevTools failed to parse SourceMap

最近用 Chrome 浏览器调试网站前端代码时,总是看到 Console 里报错: DevTools failed to parse SourceMap: some-domain/js/maps/swiper.min.js.map SourceMap 是什么 通常网站加载的 JS 会做压缩处理,以节省带宽。但是这样处理之后,JS 代码通常变成了一行,在报错时,无法看到错误的准确定位。而 Source Map 就是为了解决这个问题。 Source map 可以看成一个映射表,存储了转换后的代码所对应的转换前的位置。 这样,JS 报错的时候,Chrome Console 里就能直接显示原始代码 ...

阅读全文...